<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>先登录再管理</title>
    <link rel="stylesheet" href="../css/loading.css">
</head>
<body>
    <div id="item">
        <div id="loaditem">
           <h2 style="text-indent: 6em;">登录</h2>
            <input type="text" id="load_us" placeholder="请输入您的用户名"><br>
            <input type="password" id="load_ps" placeholder="请输入您的密码"><br>
            <button id="loadsky">登录</button><br>
            <button style="background-color: greenyellow;">注册</button>
        </div>
        <img src="../img/load2.png" alt="">
    </div>
    <div id="shadow">
        <div id="register">
            <input type="text" id="reg_us" placeholder="请设置您喜欢的用户名"><br>
            <input type="password" id="reg_ps" placeholder="请设置您的密码"><br>
            <input type="text" id="reg_mail" placeholder="请输入您的邮箱"><button id="ga_code">获取验证码</button><br>
            <input type="text" id="reg_code" placeholder="请输入验证码">  
            <button>提交</button><br>
            <button style="background-color: orange;">取消</button>
        </div>
    </div>
</body>
<script src="../js/jQuery.min.js"></script>
<script src="../js/loading.js"></script>

</html>